iOS 灰度色彩層級(指南)
A 顏色在資訊表達中的價值。內容通常由背景、文字和影象(圖形)構成。組織內容時也會用到分割線、組容器等元素。
/Untitled.png)
顏色是呈現這些不同元素差異性的重要維度之一
/Untitled 1.png)
B 灰度色板對映資訊層級。透過顏色輕重表達出四種不同重要性的資訊層級
四個層級可分別表示標題、副標題、佔位文字(比如email address)、禁用文字。
/Untitled 2.png)
越重要的資訊需要具有更強的對比度以吸引注意力。
/Untitled 3.png)
特定語義顏色
語義顏色體系在不同環境下會發生動態變化的顏色體系,例如在兩種不同模式下對應兩種語義的顏色體系。
/Untitled 4.png)
/Untitled 5.png)
根據資訊結構同步建立兩個語義的顏色體系。能夠提升管理顏色體系的效率和便利性
/Untitled 6.png)
/Untitled 7.png)
資訊容器的色彩分級以及語義體系
承載內容的資訊容器(背景)也有不同的層級關係。
/896ca7fd-6cd6-4d50-8d7b-9420f38b7324.png)
與文字在資訊層級上表達的方式與邏輯相同。
/Untitled 8.png)
也同樣需要透過顏色來搭建和表達不同的層級,也同樣有對應的語義顏色體系。
設計目標:不同語義體系UI的視覺感知 1(對比度,層級)是相似的。設計原理:還原自然環境下的光線由亮到暗的感受(而非簡單反色)
/Untitled 9.png)